// ------ Take photo -------- //

	document.addEventListener("appMobi.camera.picture.add",onSuccess); 
    document.addEventListener("appMobi.camera.picture.busy",onSuccess); 
    document.addEventListener("appMobi.camera.picture.cancel",onSuccess); 
    
    function capturePhoto() {
      AppMobi.camera.takePicture(50,false,"jpg");
    }
    
    function onSuccess(evt) {
    
      if (evt.success == true)
      {
//        // create image 
//        var image = document.createElement('img');
//        image.src=AppMobi.camera.getPictureURL(evt.filename);
//        image.id=evt.filename;
//        document.body.appendChild(image);
          

          var canvas = document.getElementById("cv01");
          //Cojemos la 2D para dibujar en él
         var context = canvas.getContext("2d");
          //creamos la nueva imagen 
          var img = new Image(300,300);
          //le decimos la ruta de la imagen, en este caso html5.jpg
         img.src = AppMobi.camera.getPictureURL(evt.filename);
         //pasamos la imagen al 2d del canvas y se dibujará
         //en 0 0 podemos poner las cordenadas de donde empezar a dibujar la imagen
        context.drawImage(img, 0, 0);
          
          canvas.toBlob(function(blob) {
              uploadFile(blob)
//            var newImg = document.createElement("img"),
//                url = URL.createObjectURL(blob);
//            newImg.onload = function() {
//              // no longer need to read the blob so it's revoked
//              URL.revokeObjectURL(url);
//            };
//            newImg.src = url;
//            document.body.appendChild(newImg);
          });
 
          
        // now we build an img
      }
      else
      {
        if (evt.message != undefined)
        {
            alert(evt.message);
        }
        else
        {
            alert("error capturing picture");
        }
      }
    }

    capturePhoto();

// ------ Upload to GDrive -------- //
//   Tato 
    //   var CLIENT_ID = '68249450936-a3fk9gnmcdk663e5n589e4lem0b47i5n.apps.googleusercontent.com';
    //   Prod 
//       var CLIENT_ID = '68249450936-co3lni5kq42r79p1o0nqam04qpq2coaj.apps.googleusercontent.com';
    //   Laure
    var CLIENT_ID = '68249450936-5buegmdeclot82q49j3aail85e20258e.apps.googleusercontent.com';
var SCOPES = 'https://www.googleapis.com/auth/drive';
      /**
       * Called when the client library is loaded to start the auth flow.
       */
      function handleClientLoad() {
        window.setTimeout(checkAuth, 1);
      }

      /**
       * Check if the current user has authorized the application.
       */
      function checkAuth() {
        gapi.auth.authorize(
            {'client_id': CLIENT_ID, 'scope': SCOPES, 'immediate': true},
            handleAuthResult);
      }

      /**
       * Called when authorization server replies.
       *
       * @param {Object} authResult Authorization result.
       */
      function handleAuthResult(authResult) {
        var authButton = document.getElementById('authorizeButton');
        var filePicker = document.getElementById('filePicker');
        authButton.style.display = 'none';
        filePicker.style.display = 'none';
        if (authResult && !authResult.error) {
          // Access token has been successfully retrieved, requests can be sent to the API.
          filePicker.style.display = 'block';
          filePicker.onchange = uploadFile;
        } else {
          // No access token could be retrieved, show the button to start the authorization flow.
          authButton.style.display = 'block';
          authButton.onclick = function() {
              gapi.auth.authorize(
                  {'client_id': CLIENT_ID, 'scope': SCOPES, 'immediate': false},
                  handleAuthResult);
          };
        }
      }

      /**
       * Start the file upload.
       *
       * @param {Object} evt Arguments from the file selector.
       */
      function uploadFile(blob) {
        gapi.client.load('drive', 'v2', function() {
          var file = blob;
          insertFile(file);
        }, function(callback){
            if (callback) {
            alert("done")
            }
        });
      }

      /**
       * Insert new file.
       *
       * @param {File} fileData File object to read data from.
       * @param {Function} callback Function to call when the request is complete.
       */
      function insertFile(fileData, callback) {
        const boundary = '-------314159265358979323846';
        const delimiter = "\r\n--" + boundary + "\r\n";
        const close_delim = "\r\n--" + boundary + "--";

        var reader = new FileReader();
        reader.readAsBinaryString(fileData);
        reader.onload = function(e) {
          var contentType = fileData.type || 'application/octet-stream';
          var metadata = {
            'title': fileData.name,
            'mimeType': contentType
          };

          var base64Data = btoa(reader.result);
          var multipartRequestBody =
              delimiter +
              'Content-Type: application/json\r\n\r\n' +
              JSON.stringify(metadata) +
              delimiter +
              'Content-Type: ' + contentType + '\r\n' +
              'Content-Transfer-Encoding: base64\r\n' +
              '\r\n' +
              base64Data +
              close_delim;

          var request = gapi.client.request({
              'path': '/upload/drive/v2/files',
              'method': 'POST',
              'params': {'uploadType': 'multipart'},
              'headers': {
                'Content-Type': 'multipart/mixed; boundary="' + boundary + '"'
              },
              'body': multipartRequestBody});
          if (!callback) {
            callback = function(file) {
              console.log(file)
            };
          }
          request.execute(callback);
        }
      }